<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>小米闪购-小米商城</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/iconfont.css">
</head>

<body>
    <!--第一行导航栏 -->
    <div class="topbar">
        <div class="container">
            <div class="topbar-nav">
                <a href="">小米商城</a><span>|</span>
                <a href="">MIU</a><span>|</span>
                <a href="">IoT</a><span>|</span>
                <a href="">云服务</a><span>|</span>
                <a href="">天星数科</a><span>|</span>
                <a href="">有品</a><span>|</span>
                <a href="">小爱开放平台</a><span>|</span>
                <a href="">企业团购</a><span>|</span>
                <a href="">资质证照</a><span>|</span>
                <a href="">协议规则</a><span>|</span>
                <a href="">下载app</a><span>|</span>
                <a href="">智能生活</a>
            </div>
            <div class="topbar-cart"> <a href=""><i class="iconfont">&#xe600;</i>购物车<span>（0）</span></a></div>
            <div class="topbar-info clearfix">
                <a href="">登录</a><span>|</span>
                <a href="">注册</a><span>|</span>
                <a href="" class="sep">消息通知</a>
            </div>

        </div>
    </div>
    <!-- 第二行导航栏 -->
    <div class="header">
        <div class="container">
            <div class="header-logo">
                <a href="" class="lr">小米官网</a>
            </div>
            <div class="header-nav">
                <ul class="nav-list clearfix">
                    <li class="nav-category">
                        <a href="">全部商品分类</a>
                    </li>
                    <li class="nav-item">
                        <a href="">小米手机</a>
                    </li>
                    <li class="nav-item">
                        <a href="">Redmi 红米</a>
                    </li>
                    <li class="nav-item">
                        <a href="">电视</a>
                    </li>
                    <li class="nav-item">
                        <a href="">笔记本</a>
                    </li>
                    <li class="nav-item">
                        <a href="">家电</a>
                    </li>
                    <li class="nav-item">
                        <a href="">路由器</a>
                    </li>
                    <li class="nav-item">
                        <a href="">智能硬件</a>
                    </li>
                    <li class="nav-item">
                        <a href="">服务</a>
                    </li>
                    <li class="nav-item">
                        <a href="">社区</a>
                    </li>
                </ul>
            </div>
            <div class="header-search">
                <form action="" class="search-form">
                    <input type="search" name="keyword" class="search-text">
                    <input type="submit" value="&#xe63c;" class="search-btn iconfont">
                </form>
            </div>
        </div>
    </div>
    <!-- 秒杀选项卡 -->
    <div class="seckill">
        <div class="seckill-head"></div>
        <div class="container">
            <div id="seckill-nav" class="seckill-nav">
                <ul id="tabs">
                    <li class="active"><em>14:00</em><span><em>即将开始<br>距开始 01:01:01</em></span></li>
                    <li><em>20:00</em><span>即将开始</span></li>
                    <li><em>22:00</em><span>即将开始</span></li>
                    <li><em>00:00</em><span>明日开始</span></li>
                    <li><em>10:00</em><span>明日开始</span></li>
                </ul>
            </div>
            <!--商品信息列表-->
            <div class="seckill-goods" id="lists">
                <ul class="clearfix active">
                    <li>
                        <div class="bg">
                            <img src="img/1.png" alt="">
                        </div>
                        <div class="info">
                            <a href="" class="name">日常元素抽纸 青春版 24包/箱</a>
                            <p class="tips">精选原生竹浆，健康环保</p>
                            <p class="price">25.90元 <del>32.9元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有23333人设为提醒</p>
                        </div>
                    </li>
                    <li></li>
                    <li></li>
                    <li></li>


                </ul>
                <ul class="clearfix">
                    <li>
                        <div class="bg">
                            <img src="img/2.png" alt="">
                        </div>
                        <div class="info">
                            <a href="" class="name">日常元素抽纸 青春版 24包/箱</a>
                            <p class="tips">精选原生竹浆，健康环保</p>
                            <p class="price">25.90元 <del>32.9元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有23333人设为提醒</p>
                        </div>
                    </li>
                    <li></li>
                    <li></li>
                    <li></li>


                </ul>
                <ul class="clearfix">
                    <li>
                        <div class="bg">
                            <img src="img/3.png" alt="">
                        </div>
                        <div class="info">
                            <a href="" class="name">日常元素抽纸 青春版 24包/箱</a>
                            <p class="tips">精选原生竹浆，健康环保</p>
                            <p class="price">25.90元 <del>32.9元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有23333人设为提醒</p>
                        </div>
                    </li>
                    <li></li>
                    <li></li>
                    <li></li>


                </ul>
                <ul class="clearfix">
                    <li>
                        <div class="bg">
                            <img src="img/4.png" alt="">
                        </div>
                        <div class="info">
                            <a href="" class="name">日常元素抽纸 青春版 24包/箱</a>
                            <p class="tips">精选原生竹浆，健康环保</p>
                            <p class="price">25.90元 <del>32.9元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有23333人设为提醒</p>
                        </div>
                    </li>
                    <li></li>
                    <li></li>
                    <li></li>


                </ul>
                <ul class="clearfix">
                    <li>
                        <div class="bg">
                            <img src="img/5.png" alt="">
                        </div>
                        <div class="info">
                            <a href="" class="name">日常元素抽纸 青春版 24包/箱</a>
                            <p class="tips">精选原生竹浆，健康环保</p>
                            <p class="price">25.90元 <del>32.9元</del></p>
                            <a href="" class="btn">登录后抢购</a>
                            <p class="person">已有23333人设为提醒</p>
                        </div>
                    </li>
                    <li></li>
                    <li></li>
                    <li></li>


                </ul>
            </div>
            <p class="seckill-notice">*小米秒杀活动规则：<br>
                1.秒杀商品是否参加活动、最终秒杀成功的商品，以订单结算页显示为准，活动包括但不限于优惠券、赠品、满减、满赠等；<br>
                2.秒杀商品数量有限，活动以下单支付成功为准，请加入购物车后尽快下单支付;<br>
                3.秒杀价不含运费，最终以订单结算页价格为准；<br>
                4.订单中商品的数量、颜色、型号等，以订单结算页为准。<br>
                温馨提示：因可能存在系统缓存、页面更新导致价格变动异常等不确定性情况出现，如您发现活动商品标价或促销信息有异常，请您立即联系小米客服，以便我们及时补正。</p>
        </div>
        

    </div>


    <script src="js/index.js"></script>
</body>

</html>